// 引入路由
import VueRouter from "vue-router";
// import Message from "element-ui/packages/message/src/main";

// 声明一个路由实例，赋值给router
let router = new VueRouter({
    // 路由列表，写路由的详细规则
    routes: [
        // redirect 重定向
        {path: '/', redirect: '/fenye'},
        {path: '/index', component: () => import('@/page/index')},
        {path: '/login', component: () => import('@/page/login')},
        {path: '/register', component: () => import('@/page/register')},
        {path: '/upload', component: () => import('@/page/upload')},
        {path: '/fenye', component: () => import('@/page/fenye')},
    ],
    // 设置mode为history，可以去掉路径上的/#/号
    mode: 'history'
})

// 不需要登录的路径【白名单】
// let notNeedLogin = ['/login', '/register', '/user/create', '/axios'];

// 每次路由跳转之前执行
router.beforeEach(((to, from, next) => {
    // 如果to.path（要访问的路径），不在白名单里
    // if (notNeedLogin.indexOf(to.path) === -1) {
    //     // 判断TOKEN是否为空
    //     if (localStorage.getItem('TOKEN') == null) {
    //         Message.warning('请先登录！');
    //         // 拦截并跳转到指定页面
    //         next('/login');
    //     }
    // }
    // 放行
    next();
}))

// 把router导出供其他模块使用
export default router